<template>
  <div class="table-container">
    <table class="table-layout">
      <tbody>
        <tr>
          <td class="table-cell" style="width: 160px !important">
            工程名称
          </td>
          <td class="table-cell">
          </td>
          <td class="table-cell">
            部位
          </td>
          <td class="table-cell">
          </td>
        </tr>
        <tr>
          <td class="table-cell">
            建筑名称
          </td>
          <td class="table-cell" colspan="3">
          </td>
        </tr>
        <tr>
          <td class="table-cell">
            监理单位
          </td>
          <td class="table-cell">
          </td>
          <td class="table-cell">
            施工单位
          </td>
          <td class="table-cell">
          </td>
        </tr>
        <tr>
          <td class="table-cell" style="height: 300px !important">
            工作量
          </td>
          <td class="table-cell" colspan="3">
          </td>
        </tr>
        <tr>
          <td class="table-cell" rowspan="2">
            会签栏
          </td>
          <td class="table-cell">
            施工单位
          </td>
          <td class="table-cell">
            监理单位
          </td>
          <td class="table-cell">
            建设单位
          </td>
        </tr>
        <tr>
          <td class="table-cell" style="height: 160px !important">
          </td>
          <td class="table-cell">
          </td>
          <td class="table-cell">
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<style lang="scss" scoped>
div.table-container {
  table.table-layout {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;

    td.table-cell {
      display: table-cell;
      height: 36px;
      border: 1px solid #000000;
    }
  }
}
</style>